<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr">
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

<style type="text/css">
	@import "/a/js/dojo1.8.3/dojo/resources/dojo.css";
	@import "/a/js/dojo1.8.3/dijit/themes/soria/soria.css";
	@import "/a/js/dojo1.8.3/dijit/themes/soria/ProgressBar.css";
	@import "/a/js/dojo1.8.3/dojox/layout/resources/ExpandoPane.css";
	@import "/a/js/dojo1.8.3/dojox/grid/resources/soriaGrid.css";
	@import "/a/js/dojo1.8.3/dojox/form/resources/FileInput.css";
	
	#preloader {
  	width:100%; height:100%; margin:0; padding:0;
  	background:#fff 
    url('/a/img/wait-big.gif')
    no-repeat center center;
    position:absolute;
    z-index:999;
    
    .justLabels-labelCell {
  		background-color: lightgrey;
  		padding-left: 5px;
	}
    
</style>

<script type="text/javascript" src="/a/js/dojo1.8.3/dojo/dojo.js" djConfig="parseOnLoad:false"></script>
<script language="JavaScript" src="/a/js/comunes.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
	
	var CONTEXTO_APP = "${pageContext.request.contextPath}";

	var queryResult = "";
	var fechaMaxima = new Date();
	fechaMaxima.setTime(${fechaMaxima});
	
	var fechaMinima = new Date();
	fechaMinima.setTime(${fechaMinima});

	function aliniciar() {
	}
	
	function esnumero(campo){ return (!(isNaN( campo )));}

		
	function clickbtn_procesar(){		
		  
		    
	}

		
</script>

<script type="text/javascript">
	dojo.require("dijit.layout.ContentPane");
	dojo.require("dijit.layout.BorderContainer");
	dojo.require("dojo.data.ItemFileReadStore");
	dojo.require("dijit.form.DateTextBox");
	dojo.require("dijit.form.Button");
	dojo.require("dijit.form.ComboBox");
	dojo.require("dijit.form.Form");
	dojo.require("dijit.form.FilteringSelect");
	dojo.require("dijit.Dialog");
	dojo.require("dijit.ProgressBar"); 
	dojo.require("dojo.io.iframe");
	dojo.require("dojo.parser");
	dojo.require("dojo.aspect");
	dojo.require("dojox.form.FileInput"); 
	dojo.addOnLoad(function() {
		dojo.parser.parse();
		hideLoader();
		aliniciar();
	});
</script>
</head>
<body class="soria">
<div id="preloader"></div>
<div dojoType="dojo.data.ItemFileReadStore" jsId="idProveedorStore" url="${pageContext.request.contextPath}/catalogos/listarProveedores.htm"></div>

	<form id="parametrosForm" name="parametrosForm" dojoType="dijit.form.Form" enctype="multipart/form-data" action="${pageContext.request.contextPath}/carga/chips/procesarCarga.htm" method="post">
	
		<br>
		<table width='80%' align='center' class='dojoxGrid'>
			<tbody>
				<tr><th height="10" align="center"><b>CARGA MASIVA DE CHIPS</b></th></hr>
			</tbody>
		</table>
		
		<br/>
		<table width='80%' align='center' class='dojoxGrid'>
			<tbody>
			<tr>
				<td>&nbsp;&nbsp;</td>
				<td align="left">Empresa</td>
				<td colspan="2">
					<select id="codEmpresa" name="codEmpresa" 
						dojoType="dijit.form.FilteringSelect"  onchange="alCambiarEmpresa"
						autoComplete="true" promptMessage="Seleccione la empresa." 
						style="width:150px;" invalidMessage="Debe de seleccionar una empresa." required="true" 
					    forceValidOption="true"/>
					    <option value="CER" selected>CERTICOM</option>
					    <option value="TEC">TECHNETSOL</option>
					</select>
				</td>
			</tr>
			
			<tr>
				<td>&nbsp;&nbsp;</td>
				<td align="left">Proveedor</td>
				<td colspan="2"><select 
						dojoType="dijit.form.FilteringSelect" 
						name="codProveedor" id="codProveedor"
						store="idProveedorStore" 
					    searchAttr="desProveedor" 
					    autoComplete="true" 
					    style="width: 200px;"
					    required="true" 
					    forceValidOption="true"
					    promptMessage="Seleccione el proveedor"  
						invalidMessage="Debe de seleccionar un proveedor"></select>
					</td>
			</tr>
			<tr height="50">
				<td>&nbsp;&nbsp;</td>
				<td align="left"><span id="preamble">Archivo de Chips:</span></td>
				<td colspan="2">
				<span id="inputField"><input type="file" readonly="true" required="true" dojoType="dojox.form.FileInput" label="Buscar Archivo..." cancelText="Limpiar" id="archivo" name="archivo" style="width:30em;height:2em;"/></span>
				<span id="progressField" style="display:none;">
      				<div dojoType="dijit.ProgressBar" style="width:200px" indeterminate="true"></div>
    			</span>
				</td>
			</tr>
			
			</tbody>
		</table>
		<br />
		<table border="0" cellpadding="2" cellspacing="0" width="70%"
			align='center'>
			<tr>
				<td align="center">
					<button id="btnResetCargarForm" type="reset" style="display:none"></button>   
					<button id="submit_btn_cargar"
						name="submit_btn_cargar" dojoType="dijit.form.Button"
						title="Cargar Archivo de Chips" iconClass="loginIcon" showLabel="true" label="Cargar Archivo de Chips">
						<script type="dojo/method" event="onClick" args="evt">
								var formulario = dijit.byId("parametrosForm");
								if(!formulario.isValid()){
									formulario.validate();
									return;
								}


								var ruta = dijit.byId("archivo").fileInput.value;
								if(ruta==''){
									dijit.byId("archivo").focus();
									alert("Debe de seleccionar un archivo.");
									return;
								}

  								//Ocultar el campo
  								dojo.style('inputField',"display","none");
  
  								//Mostrar la barra de progreso...
  								dojo.style('progressField',"display","inline"); 
  								dojo.byId('preamble').innerHTML = "Cargando Archivo ...";
								dojo.byId("mensajesBitacora").innerHTML = '';
								dojo.byId("mensajesCarga").innerHTML = '';
								dojo.io.iframe.send({
		      							url: CONTEXTO_APP+"/carga/chips/procesarCarga.htm",
		      							method: "post",
		      							handleAs: "json",
		      							form: dojo.byId('parametrosForm'),
		      							load: function(response,ioArgs){
        									dojo.style(dojo.byId('inputField'),"display","inline");
        									dojo.style(dojo.byId('progressField'),"display","none"); 
        									dojo.byId('preamble').innerHTML = "Archivo de Chips:";
											dojo.byId("mensajesBitacora").innerHTML = "<center><b>"+response.mensajeBitacora+"</b></center>";
											dojo.byId("mensajesCarga").innerHTML = "<center><b>"+response.mensajeChips+"</b></center>";
		      							}
		  							  }		
		  						);
							</script>
						</button></td>
			</tr>
		</table>
	</form>
	<div id="mensajesBitacora">&nbsp;</div>
	<div id="mensajesCarga">&nbsp;</div>
</body>
</html>